<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="../../css/weui.min.css">
	<link rel="stylesheet" href="../../css/danceWeui.css">
	<link rel="stylesheet" href="../../../iconfont/iconfont.css">
</head>
<body>

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">标签</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div>
	<div class="page__hd">
		<h1 class="page__hd_title">
			警告提示
		</h1>
		<p class="page__hd_desc">警告框</p>
	</div>

	<div class="weui-cells__title">基础功能</div>
	<div class="daui-card">
		<div class="daui-alert daui-alert_primary margin-bottom-sm">主要</div>
		
		<div class="daui-alert daui-alert_success margin-bottom-sm">成功</div>
		
		<div class="daui-alert daui-alert_info margin-bottom-sm">信息</div>

		<div class="daui-alert daui-alert_warning margin-bottom-sm">警告</div>
		
		<div class="daui-alert daui-alert_danger margin-bottom-sm">危险</div>
	</div>

	<div class="weui-cells__title">深色</div>
	<div class="daui-card">
		<div class="daui-alert daui-alert_primary-dark margin-bottom-sm">主要</div>
		
		<div class="daui-alert daui-alert_success-dark margin-bottom-sm">成功</div>
		
		<div class="daui-alert daui-alert_info-dark margin-bottom-sm">信息</div>

		<div class="daui-alert daui-alert_warning-dark margin-bottom-sm">警告</div>
		
		<div class="daui-alert daui-alert_danger-dark margin-bottom-sm">危险</div>
	</div>

	<div class="weui-cells__title">显示图标</div>
	<div class="daui-card">
		<div class="daui-alert daui-alert_danger margin-bottom-sm">
			<div class="daui-alert__hd">
				<span class="iconfontzz icon-roundclosefill"></span>
			</div>
			<div class="daui-alert__bd">
				浅色
			</div>
		</div>
		
		<div class="daui-alert daui-alert_danger-dark margin-bottom-sm">
			<div class="daui-alert__hd">
				<span class="iconfontzz icon-roundclosefill"></span>
			</div>
			<div class="daui-alert__bd">
				浅色
			</div>
		</div>
	</div>

	<div class="weui-cells__title">可关闭</div>
	<div class="daui-card">
		<div class="daui-alert daui-alert_success margin-bottom-sm">
			<div class="daui-alert__hd">
				<span class="iconfontzz icon-roundcheckfill"></span>
			</div>
			<div class="daui-alert__bd">
				浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色浅色
			</div>
			<view class="daui-alert__close">
				<text class="iconfontzz icon-close"></text>
			</view>
		</div>
		
		<div class="daui-alert daui-alert_success-dark margin-bottom-sm">
			<div class="daui-alert__hd">
				<span class="iconfontzz icon-roundcheckfill"></span>
			</div>
			<div class="daui-alert__bd">
				深色深色深色深色深色深色深色深色深色深色深色深色深色深色深色深色深色深色深色深色
			</div>
			<view class="daui-alert__close">
				<text class="iconfontzz icon-close"></text>
			</view>
		</div>
	</div>

	<div class="weui-cells__title">带标题</div>
	<div class="daui-card">
		<div class="daui-alert daui-alert_primary margin-bottom-sm">
			<div class="daui-alert__hd">
				<span class="iconfontzz icon-infofill"></span>
			</div>
			<div class="daui-alert__bd">
				<div class="daui-alert_title">这个是标题</div>
				<div class="daui-alert_desc">这个是内容</div>
			</div>
		</div>
		<div class="daui-alert daui-alert_primary-dark margin-bottom-sm">
			<div class="daui-alert__hd">
				<span class="iconfontzz icon-infofill"></span>
			</div>
			<div class="daui-alert__bd">
				<div class="daui-alert_title">这个是标题</div>
				<div class="daui-alert_desc">这个是内容</div>
			</div>
		</div>
	</div>
</div>

<div class="daui-gap daui-gap_transparent"></div>
<div class="daui-footer">
	<div class="daui-footer__links">
		<a class="daui-footer__links-item" href="../index.html">DanceWeUI首页</a>
		<a class="daui-footer__links-item" href="https://gitee.com/lianlianzan/danceui" target="_blank">去码云下载</a>
	</div>
	<div class="daui-footer__text">Copyright &copy; DanceUI</div>
</div>

</body>
</html>